<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="pragma" content="no-cache"/>   
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate"/>   
<meta http-equiv="expires" content="0"/> 
<title></title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/select.css" rel="stylesheet" type="text/css" />
<link href="css/magnific-popup.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="js/select-ui.min.js"></script>
<script type="text/javascript" src="editor/kindeditor.js"></script>
<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="js/application/room.js?v=201808292"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>


</head>
<body>
	<div class="place" name="dataList">
    	<span>位置：</span>
    	<ul class="placeul">
		    <li><a href="#">工位管理</a></li>
		    <li><a href="/euc/page/roomList.html">工位列表</a></li>
    	</ul>
    	<ul class="toolbar" style="float:right;margin-top:4px;">
	        <li class="click" id="add"><span><img src="images/t01.png" /></span>新建房间</li>	
        </ul>
    </div>		
    <div class="formbody" >
<!-- ================================================================================================= -->	
	<div class="row clearfix" name="dataList" style="width:100%;">
		<div class="tools col-md-12 column">
		    <ul class="seachform">
		    	<li>
		    		<label>选择空间</label>
				    <div class="vocation">
					    <select class="select2" name="placeProvinceSelect" id="searchProvince">
						    <option value="0" selected>请选择</option>
					    </select>
				    </div>
			    </li>
			    <li>
				    <div class="vocation">
					    <select class="select2" name="placeCitySelect" id="searchCity">
					    	<option value="0" selected>请选择</option>
					    </select>
				    </div>
			    </li>
			    <li>
				    <div class="vocation">
					    <select class="select2" style="width:200px;" name="spaceSelect" id="searchSpace">
					    	<option value="0" selected>请选择</option>
					    </select>
				    </div>
			    </li>
   		    	<li>
		    		<input  name="parameter" type="text" class="scinput"  placeholder="请输入房间名称"/>
		    	</li> 
		    	<li><label>&nbsp;</label><input name="" onclick="search(1);" type="button" class="scbtn" value="查询"/></li>
		    </ul>
	    </div>
	    <div class="row clearfix col-md-12 column" style="background-color:#F2F2F2;margin:5px 0px 0px 15px;">
	        <div name="something" class="col-md-8 column " style="height:60px;padding-top:15px;padding-left:35px;display:none;" >
				<button  type="button" class="unusedsmall">&nbsp;</button>
				<button  type="button"  class="contentsmall">未使用&nbsp;&nbsp;</button>
				<button  type="button" class="usedsmall">&nbsp;</button>
				<button  type="button"  class="contentsmall">已租&nbsp;&nbsp;&nbsp;&nbsp;</button>
				<button  type="button" class="dangersmall">&nbsp;</button>
				<button  type="button"  class="contentsmall">即将到期</button>
			</div>
			<div name="something" class="col-md-4 column " style="height:60px;padding-top:15px;display:none;" >
				<p  class="contentlong" style="float:right;" id="usagerate">入住率：24%</p>
				<p  class="contentlong" style="float:right;"  id="seatCount">工位数：24/100</p>				
			</div>
	        <div name="something" class="col-md-9 column " id="roomList" style="display:none;">
				<button  type="button" class="unusedlarge">房间301</button>
				<!-- 
				<button  type="button" class="usedlarge">房间302</button>
				<button  type="button" class="dangerlarge">房间303</button>
				<button  type="button" class="unusedlarge">房间301</button>
				<button  type="button" class="usedlarge">房间302</button>
				<button  type="button" class="dangerlarge">房间303</button>
				<button  type="button" class="unusedlarge">房间301</button>
				<button  type="button" class="usedlarge">房间302</button>
				<button  type="button" class="dangerlarge">房间303</button>
				<button  type="button" class="unusedlarge">房间301</button>
				<button  type="button" class="usedlarge">房间302</button>
				<button  type="button" class="dangerlarge">房间303</button>
				<button  type="button" class="unusedlarge">房间301</button>
				<button  type="button" class="usedlarge">房间302</button>
				<button  type="button" class="dangerlarge">房间303</button>
				 -->
			</div>			
			<div name="something" id="clientInfoRight" class="roomInb col-md-3 column" style="background-color:#d7d7d7;min-height:600px; padding-top:25px;padding-bottom:25px;">
				<div class="contentButton col-md-12 column">
					<p  style="float: left;" class="indInput contentlong col-md-8 column" id="detailroomName">房间302</p>
					<input style="float: left;" name="detail" onclick="detail()" type="button" id="detailButton" roomid="0" class="indInput scbtn" value="编辑"/>
					<!--<input style="float: left;" onclick="deleteData()" name="btnDelete"  id="btnDelete" roomid="0" class="indInput scbtn" value="删除"/>-->
					<input style="float: right;" name="btnDelete" onclick="deleteData();" type="button" class="indInput scbtn" value="删除"/>
				</div>
				<div class="col-md-12 column">
					<p style="float: left;" class="indInput contentlong col-md-12 column" >工位数：<span class="indSpan" style="display: inline;" id="detailseatCount">10</span></p>
				</div>
				<div class="col-md-12 column" clientInfo='1'>
					<p style="float:left;" class="indInput contentlong col-md-12 column" >入驻客户：<span class="indSpan" style="display: inline;" id="detailclient"></span></p>
					<p style="float: left;" class="indInput contentlong col-md-12 column" >入驻周期：<span class="indSpan" style="display: inline;" id="detailperiod">20180104-20180703</span></p>
				</div>
				<div class="contentButton col-md-12 column" clientInfo='1'>
					<p style="float: left;" class="indInput contentlong col-md-8 column" >合同编号：<span class="indSpan"  style="display: inline;" id="detailOrderNumber">xxxx-xxxx-xxx</span></p>
					<input style="float: left;" name="" onclick=" " type="button" class="indInput scbtn" value="查看"/>
				</div>
				<div class="contentButton col-md-12 column" clientInfo='1'>
					<p style="float: left;" class="indInput contentlong col-md-8 column" >待处理账单：<span class="indSpan"  style="display: inline;" id="detailWaitBills">0份</span></p>
					<input style="float: left;" name="" onclick=" " type="button" class="indInput scbtn" value="处理"/>
				</div>
			</div>

			
			
			<div name="noSpace" class="col-md-12 column" style="min-height:600px;padding-top:25px;">
				请选择空间
			</div>
			<div name="noRoom" class="col-md-12 column" style="min-height:600px;padding-top:25px;display:none;">
				该空间未创建房间
			</div>
	    </div>
	</div>
<!-- ================================================================================================= -->	

    </div>
    
    
    <div class="place" name="dataAdd" style="display:none">
	    <span>位置：</span>
	    <ul class="placeul">
		    <li><a href="#">工位管理</a></li>
		    <li><a href="/euc/page/roomList.html">房间类型</a></li>
		    <li><a href="#" id="operator">添加</a></li>
	    </ul>
    </div>
    <div class="formbody" name="dataAdd" id="addForm" style="background-color:white;display:none;">	    
	    <div class="formtitle"><span>工位信息</span></div>
	    <ul class="forminfo row">
	     	<li class="col-md-12 column">
		    	<label style="font-size:16px;float:left;width: 130px;">空间名称：</label>
		    	<label style="font-size:16px;width:400px;" id="formSpaceName" ></label>
		    </li>
		    <li class="col-md-8 column">
		    	<label style="font-size:16px;float:left;width:130px;">房间名称<b>*</b></label>
		    	<input required='1' message='请输入房间名称' formParameter style="float:left;" name="roomName" id="addroomName" type="text" class="dfinput" placeholder="请输入房间名称"/>
		    </li>
		    
		    <li class="col-md-8 column">
		    	<label style="font-size:16px;float:left;width:130px;">房间类型<b>*</b></label>
		    	<div class="vocation">
			    	<select required='1' message='请选择房间类型' formParameter  class="select1" name="roomType" id="addroomType">
						<option value="-1" selected="selected">请选择</option>
				    </select>
		    	</div>		    	
		    </li>
		    <li class="col-md-8 column">
		    	<label style="font-size:16px;float:left;width:130px;">房间单价(元/月)<b>*</b></label>
		    	<input required='1' message='请输入房间单价' formParameter style="float:left;" name="roomPrice" id="addroomPrice" type="text" class="dfinput" placeholder="请输入房间单价"/>
		    </li>
		    
		    <li class="col-md-8 column">
		    	<label style="font-size:16px;float:left;width:130px;">工位数量<b>*</b></label>
		    	<input required='1' message='请输入工位数量'  formParameter style="float:left;" name="seatCount" id="addseatCount" type="text" class="dfinput" placeholder="请输工位数量"/>
		    </li>
		    
		    <li class="col-md-8 column">
		    	<label style="font-size:16px;float:left;width:130px;">灯设备号<b></b></label>
		    	<input message='请输入灯的设备编号' formParameter style="float:left;" name="friend" id="addfriend" type="text" class="dfinput" placeholder="请输入灯的设备编号"/>
		    </li>
		    

		    <li class="col-md-8 column">
		    	
		    </li>
			<li class="col-md-12 column" >
		    	<label style="font-size:16px;float:left;width:130px;">灯名称<b></b></label>
		    	<input message='请输入房间灯的名称' formParameter style="float:left;width:805px;" name="lightNames" id="addlightNames" type="text" class="dfinput" placeholder="请输入房间灯的名称，用分号';'分隔"/>
		    </li>
		    
		    
			<li>&nbsp;</li>
		    <li class="col-md-8 column">
		    	<label style="width:150px;">&nbsp;</label>
		    	<input name="btnSave"  id="btnSave"  type="button" class="btn" value="确定"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		    	<input name="btnCancle"  id="btnCancle"  type="button" class="btn" value="取消"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		    	<input name="btnDelete"  id="btnDelete"   type="button" class="btn" value="删除"/>
		    </li>
	    </ul>
    </div>
</body>
</html>
